<template>
    <el-table
            name="baseInputTablePublic"
            width="100%"
            :data="tableData">
        <el-table-column label="键名（会将请求参数中相同键名的值替换）">
            <template slot-scope="scope">
                <el-input type="input" v-model="scope.row.keyName"></el-input>
            </template>
        </el-table-column>
        <el-table-column label="依赖公共参数池的键名（每个接口提取出来的数据）">
            <template slot-scope="scope">
                <el-input type="input" v-model="scope.row.value"></el-input>
            </template>
        </el-table-column>
        <el-table-column
                label="操作"
                width="50">
            <template  slot-scope="scope">
                <el-button type="danger" icon="el-icon-delete" circle size="mini" @click="$emit('removeRowByIndex', tableData, scope.$index)"></el-button>
            </template>
        </el-table-column>
    </el-table>
</template>

<script>
    export default {
        name: "base-Input-Table-Public",
        props: {
            tableData: {
                require: true,
                type: Array,
            }
        },
        data: function () {
            return {

            }
        },

    }

</script>

<style scoped>

</style>